<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="utf-8"/>
    <title>17玩芽-用户中心</title>
    <meta name="Keywords" content="17玩芽-用户中心"/>
    <meta name="Description" content="17玩芽-用户中心"/>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
    <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"
          name="viewport">
    <!-- Mobile Devices Support @begin -->
    <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">
    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">
    <meta content="no-cache" http-equiv="pragma">
    <meta content="0" http-equiv="expires">
    <meta content="telephone=no, address=no" name="format-detection">
    <meta name="apple-mobile-web-app-capable" content="yes"/> <!-- apple devices fullscreen -->
    <script src="./js/1.3.2/jquery.min.js"></script>
    <script src="./js/jquery.nyroModal-1.5.5.pack.js"></script>
    <link rel="stylesheet" href="./style/nyroModal.css" type="text/css"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/>
    <!-- Mobile Devices Support @end -->
    <style>
        a:link {
            text-decoration: none;
        }

        a:visited {
            text-decoration: none;
        }

        a:hover {
            text-decoration: none;
        }

        a:active {
            text-decoration: none;
        }

        body {
            text-align: center;
            margin: 0px 0px 0px 0px;
        }

        #center {
            margin-right: auto;
            margin-left: auto;
            width: 100%;
            position: relative;
        }

        #contable td {
            height: 100px;
            width: 100px;
        }
    </style>
</head>
<center>
    <body ondragstart="return false;width:100%">
    <div id="center" style="text-align:center">
        <br>
        <table cellpadding="3" cellspacing="0" style="width: 60%;margin:auto">

            <?php
            if($recommendProductions){
            FOR ($i = 0; $i < (count($recommendProductions)+1)/2; $i++)
            {
            ?>
            <tr>
                <td width="50%">
                    <?php
                    if($recommendProductions[2*$i]){
                    ?>
                        <a href="productionDetail.php?productionId=<?php echo($recommendProductions[2*$i]['id']);?>">
                    <svg width="150" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg">
                        <defs>
                            <pattern id="rectImage" patternUnits="userSpaceOnUse" width="150" height="200">
                                <image xlink:href="<?php echo($recommendProductions[2*$i]['production_url']);?>" x="0" y="0" height="200" width="150"/>
                            </pattern>
                            <pattern id="raduisImage" patternUnits="userSpaceOnUse" width="50" height="50" x="10" y="170">
                                <image xlink:href="<?php echo($recommendProductions[2*$i]['head_img_url']);?>" height="50" width="50"/>
                            </pattern>
                            <pattern id="xinImg" patternUnits="userSpaceOnUse" width="20" height="20"  x="60" y="225">
                                <image xlink:href="./img/productions/Like@3x.png" x="0" y="0" height="20" width="20"/>
                            </pattern>
                        </defs>

                        <rect id="myRect" cx="0" cy="0" rx="5" ry="5" width="150" height="200" fill="url(#rectImage)"/>

                        <rect id="myRaduisImage" x="10" y="170" width="50" height="50" rx="50" ry="50" fill="url(#raduisImage)" stroke="#FFFFFF"
                              stroke-width="2"/>
                        <rect id="xinImg" x="60" y="225" width="20" height="20"  fill="url(#xinImg)" stroke="#FFFFFF"
                              stroke-width="0"/>

                        <text x="60" y="220" font-size="15" style="fill:black"><?php echo($recommendProductions[2*$i]['production_explain']);?></text>
                        <text x="82" y="238" font-size="15" style="fill:black"><?php echo($recommendProductions[2*$i]['vote_num']);?></text>
                    </svg>
                        </a>
                    <?php }?>
                </td>
                <td  width="50%">
                    <?php
                    if($recommendProductions[2*$i+1]){
                    ?>
                        <a href="productionDetail.php?productionId=<?php echo($recommendProductions[2*$i+1]['id']);?>">
                        <svg width="150" height="250" version="1.1" xmlns="http://www.w3.org/2000/svg">
                            <defs>
                                <pattern id="rectImage" patternUnits="userSpaceOnUse" width="150" height="200">
                                    <image xlink:href="<?php echo($recommendProductions[2*$i+1]['production_url']);?>" x="0" y="0" height="200" width="150"/>
                                </pattern>
                                <pattern id="raduisImage" patternUnits="userSpaceOnUse" width="50" height="50" x="10" y="170">
                                    <image xlink:href="<?php echo($recommendProductions[2*$i+1]['head_img_url']);?>" height="50" width="50"/>
                                </pattern>
                                <pattern id="xinImg" patternUnits="userSpaceOnUse" width="20" height="20"  x="60" y="225">
                                    <image xlink:href="./img/productions/Like@3x.png" x="0" y="0" height="20" width="20"/>
                                </pattern>
                            </defs>

                            <rect id="myRect" cx="0" cy="0" rx="5" ry="5" width="150" height="200" fill="url(#rectImage)"/>

                            <rect id="myRaduisImage" x="10" y="170" width="50" height="50" rx="50" ry="50" fill="url(#raduisImage)" stroke="#FFFFFF"
                                  stroke-width="2"/>
                            <rect id="xinImg" x="60" y="225" width="20" height="20"  fill="url(#xinImg)" stroke="#FFFFFF"
                                  stroke-width="0"/>
                            <text x="60" y="220" font-size="15" style="fill:black"><?php echo($recommendProductions[2*$i+1]['production_explain']);?></text>
                            <text x="82" y="238" font-size="15" style="fill:black"><?php echo($recommendProductions[2*$i+1]['vote_num']);?></text>
                        </svg>
                        </a>
                    <?php }?>
                </td>
            </tr>
            <?php }}?>
        </table>
    </div>
    </body>
</center>
</html>